<template>
	<navigator url="/pages/detail/index" hover-class="navigator-hover">
	<view class="content">
		<image src="../../static/2.jpg" ></image>
		<view class="info">
			<view class="name txt-cut2">
				2018 软件学院互联网讨论交流狗屁大会
			</view>
			<view class="add-date">
				<view class="uni-icon">&#xe650;</view> 湘潭 
				 <view class="uni-icon ml-15" >&#xe602;</view> 09/07 - 09-08
			</view>
			<view class="user">
				<view><view class="uni-icon " >&#xe609;</view> 78</view>
				<view><view class="uni-icon " >&#xe611;</view> 20</view>
			</view>
		</view>
	</view>
	</navigator>
</template>

<script>
	export default {
		name:'Activity3',
		data: function() {
			return {
				
			};
		}
	}
</script>

<style scoped>
	.content{
		display: flex;
		align-items: space-between;
		background: #FFFFFF;
		padding: 30px 30px 15px ;
	}
	
	.content image{
		width: 300px;
		height: 180px;
	}
	.content .info{
		flex: 1;
		padding-left: 20px;
	}
	.info .name{
		height: 110px;
	}
	.add-date,.content .user{
		color: #888888;
		font-size: 25px;
	}
	.content .user{
		display: flex;
		justify-content: space-between;
	}
</style>
